<template>
  <div>
    <Card>
      <div style="min-height: 730px">
        <Row>
          <Col span="1">
            <Row type="flex" align="middle">
              <Col span="2">
                <div class="nl-square"></div>
              </Col>
              <Col>舆情上报</Col>
            </Row>
          </Col>
        </Row>
        <!-- 新闻表单 -->
        <Form
          ref="ndForm"
          :model="ndForm"
          :rules="ndRuleForm"
          :label-width="110"
          style="margin-top:10px;"
        >
          <Row>
            <Col span="9">
              <FormItem label="标题" prop="nd_title">
                <Input v-model="ndForm.nd_title" placeholder="请输入标题"></Input>
              </FormItem>
            </Col>
            <Col span="8" push="4">
              <FormItem label="编号" prop="nd_name">
                <Input v-model="ndForm.nd_name" placeholder="请输入编号"></Input>
              </FormItem>
            </Col>
          </Row>
          <Row>
            <Col span="6">
              <FormItem label="地址" prop="nd_name">
                <Input v-model="ndForm.nd_name" placeholder="请输入地址"></Input>
              </FormItem>
            </Col>

            <Col span="8" push="7">
              <FormItem label="发布媒体" prop="nd_media">
                <Select v-model="ndForm.nd_media" placeholder="请选择发布媒体">
                  <Option value="fenghuang">凤凰网天津频道</Option>
                  <Option value="weibo">微博</Option>
                </Select>
              </FormItem>
            </Col>
          </Row>
          <Row>
            <Col span="7">
              <FormItem label="报道时间" prop="nd_release">
                <Row type="flex" justify="space-between">
                  <Col span="11">
                    <FormItem prop="nd_release_date">
                      <DatePicker type="date" placeholder="请选择报道日期"></DatePicker>
                    </FormItem>
                  </Col>
                  <Col span="1">-</Col>
                  <Col span="11">
                    <FormItem prop="nd_release_time">
                      <TimePicker type="time" placeholder="请选择报道时间"></TimePicker>
                    </FormItem>
                  </Col>
                </Row>
              </FormItem>
            </Col>

            <Col span="8" push="6">
              <FormItem label="作者" prop="nd_reprinted">
                <Input v-model="ndForm.nd_reprinted" placeholder="请选择作者"></Input>
              </FormItem>
            </Col>
          </Row>
          <Row>
            <Col span="5">
              <FormItem label="信息来源" prop="nd_name">
                <Input v-model="ndForm.nd_name" placeholder="请输入信息来源"></Input>
              </FormItem>
            </Col>

            <Col span="8" push="8">
              <FormItem label="转载量" prop="nd_name">
                <Input v-model="ndForm.nd_name" placeholder="请输入转载量"></Input>
              </FormItem>
            </Col>
          </Row>
          <Row>
            <Col span="5">
              <FormItem label="属性分类" prop="nd_media">
                <Select v-model="ndForm.nd_media" placeholder="请选择属性分类">
                  <Option value="fenghuang">凤凰网天津频道</Option>
                  <Option value="weibo">微博</Option>
                </Select>
              </FormItem>
            </Col>

            <Col span="5" push="8">
              <FormItem label="分级" prop="nd_media">
                <Select v-model="ndForm.nd_media" placeholder="请选择分级">
                  <Option value="fenghuang">凤凰网天津频道</Option>
                  <Option value="weibo">微博</Option>
                </Select>
              </FormItem>
            </Col>
          </Row>
          <Row style="margin-bottom:100px">
            <Col span="15">
              <FormItem label="摘要" prop="nd_abstract">
                <Input
                  v-model="ndForm.nd_abstract"
                  type="textarea"
                  :autosize="{minRows: 5,maxRows: 7}"
                  placeholder="请输入摘要内容"
                ></Input>
              </FormItem>
            </Col>
          </Row>

          <Row>
            <Col span="7">
              <FormItem label="拟处理意见" prop="nd_abstract">
                <Input
                  v-model="ndForm.nd_abstract"
                  type="textarea"
                  :autosize="{minRows: 5,maxRows: 7}"
                  placeholder="请输入拟处理意见"
                ></Input>
              </FormItem>
            </Col>
            <Col span="7" push="6">
              <FormItem label="备注" prop="nd_abstract">
                <Input
                  v-model="ndForm.nd_abstract"
                  type="textarea"
                  :autosize="{minRows: 5,maxRows: 7}"
                  placeholder="请输入备注"
                ></Input>
              </FormItem>
            </Col>
          </Row>
          <Row>
            <Col span="7">
              <FormItem label="发现时间" prop="nd_release">
                <Row type="flex" justify="space-between">
                  <Col span="11">
                    <FormItem prop="nd_release_date">
                      <DatePicker type="date" placeholder="请选择发现日期"></DatePicker>
                    </FormItem>
                  </Col>
                  <Col span="1">-</Col>
                  <Col span="11">
                    <FormItem prop="nd_release_time">
                      <TimePicker type="time" placeholder="请选择报道时间"></TimePicker>
                    </FormItem>
                  </Col>
                </Row>
              </FormItem>
            </Col>
            <Col span="7" push="6">
              <FormItem label="拟办结时间" prop="nd_release">
                <Row type="flex" justify="space-between">
                  <Col span="11">
                    <FormItem prop="nd_release_date">
                      <DatePicker type="date" placeholder="请选择拟办结时间"></DatePicker>
                    </FormItem>
                  </Col>
                  <Col span="1">-</Col>
                  <Col span="11">
                    <FormItem prop="nd_release_time">
                      <TimePicker type="time" placeholder="请选择拟办结时间"></TimePicker>
                    </FormItem>
                  </Col>
                </Row>
              </FormItem>
            </Col>
          </Row>
         
          <Row>
            <Col span="7">
              <FormItem label="办结时间" prop="nd_release">
                <Row type="flex" justify="space-between">
                  <Col span="11">
                    <FormItem prop="nd_release_date">
                      <DatePicker type="date" placeholder="请选择办结时间"></DatePicker>
                    </FormItem>
                  </Col>
                  <Col span="1">-</Col>
                  <Col span="11">
                    <FormItem prop="nd_release_time">
                      <TimePicker type="time" placeholder="请选择办结时间"></TimePicker>
                    </FormItem>
                  </Col>
                </Row>
              </FormItem>
            </Col>

            <Col span="5" push="6">
              <FormItem label="评分" prop="nd_name">
                <Input v-model="ndForm.nd_name" placeholder="请输入评分"></Input>
              </FormItem>
            </Col>
          </Row>
          <Row>
            <Col span="5">
              <FormItem label="附件" prop="nd_name">
                <Input v-model="ndForm.nd_name" placeholder="未选择任何文件"></Input>
              </FormItem>
            </Col>
            <Col span="1" style="padding-top:5px">
              <button>选择文件</button>
            </Col>
          </Row>
          <FormItem>
            <Button type="primary" @click="handleSubmit('ndForm')">保存</Button>
            <Button type="success" @click="handleReset('ndForm')" style="margin-left: 8px">生成处理单</Button>
          </FormItem>
        </Form>
      </div>
    </Card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      //表单数据
      ndForm: {
        nd_title: "",
        nd_name: "",
        nd_issued: "",
        nd_news_attributes: [],
        nd_media: "",
        nd_estimated_time: "",
        nd_release_time: "",
        nd_release_date: "",
        nd_same_report: "",
        nd_reprinted: "",
        nd_quality_analysis: "",
        nd_abstract: "",
        nd_word_count: "",
        nd_score: ""
      },
      ndRuleForm: {
        nd_title: [
          { required: true, message: "请输入新闻标题", trigger: "blur" }
        ],
        nd_name: [
          { required: true, message: "请输入作者姓名", trigger: "blur" }
        ],
        nd_issued: [{ required: true }],
        nd_news_attributes: [{ required: true }],
        nd_media: [{ required: true }],
        nd_estimated_time: [{ required: true }],
        nd_release: [{ required: true }],
        nd_same_report: [{ required: true }],
        nd_reprinted: [{ required: true }],
        nd_quality_analysis: [{ required: true }],
        nd_abstract: [{ required: true }],
        nd_word_count: [{ required: true }],
        nd_score: [{ required: true }]
      }
    };
  },
  methods: {}
};
</script>

<style scoped>
.send-news {
  margin-bottom: 10px;
}
.nl-square {
  width: 3px;
  height: 13px;
  background: #3431ec;
}
</style>
